body{font-size: 14px; color: #666; background: #f8f8f8;}
.main{background-color: rgba(255,255,255,0.9); width: 450px; position: absolute; left:50%; top: 50%;transform:translate(-50%,-50%);  -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    padding: 30px 20px 30px 20px;
}
.icon{position: absolute; left: 5px; top: 8px; font-size: 20px;}

@media screen and (max-width: 768px) {
	.main{width: 100%;}
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}